<style lang="scss">
.collect {
	padding: 20rpx 30rpx;
	.collect-title {
		font-weight: bold;
	}
	.msg {
		text-align: center;
		color: #666;
		padding: 200rpx 0;
	}
}
</style>

<template>
	<view class="collect">
		<view class="collect-title">
			收藏列表
		</view>
		<view class="collect-main">
			<topic_list :arr="collectArray"></topic_list>
		</view>
		<view class="msg" v-if="collectArray.length == 0">
			<text>还没有收藏内容哦~~</text>
		</view>
	</view>
</template>

<script setup>
    import { ref } from 'vue';
	
	// 导入组件
	import topic_list from '../../components/topic_list/topic_list.vue';
	

	// 组合式开发
	const collectArray = ref([1,2,3,4,5,6,7,8,9])
	
	
	
	
	
	// 选项式开发 （vue2 常见写法）
	// export default {
	// 	data() {
	// 		return {
				
	// 		};
	// 	}
	// }
</script>


